.f10{
    font-size: 10px;
}
.f11{
    font-size: 11px;
}
.f12{
    font-size: 12px;
}
.f13{
    font-size: 13px;
}
.f14{
    font-size: 14px;
}
.f15{
    font-size: 15px;
}
.f16{
    font-size: 16px;
}
.f17{
    font-size: 17px;
}
.f18{
    font-size: 18px;
}
.f20{
    font-size: 20px;
}

.c-white{
    color: #fff;
}
.c-black{
    color: #333;
}
.c-gray{
    color: #787878;
}
.c-red{
    color: #E93323;
}
.b-red{
    background-color: #E93323;
}
.bold{
    font-weight: bold;
}
.br-2{
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.br-4{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.br-6{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.f-header-box{
    margin: 10px;
    width: auto;
    border-radius: 12upx;
    -webkit-border-radius: 12upx;
    -moz-border-radius: 12upx;
    -ms-border-radius: 12upx;
    -o-border-radius: 12upx;
}
.c-b1{
    color: #000;
}
.c-b2{
    color: #333;
}
.c-b3{
    color: #787878;
}
.c-b4{
    color: #999;
}

.c-w1{
    color: #fff;
}